<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <link rel="icon" type="image/svg+xml" href="/invoker.ico" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Invoker Grandmaster</title>
    </head>

    <body>
        <div id="loading-mask">
            <div class="title"> </div>
            <div class="information">
                <h1> Invoker Grandmaster </h1>
                <h6> - by Lian1998 </h6>
                <div class="loading-information"> <span>loading...</span> &nbsp; (<span id="loaded">0</span> / <span id="required">0</span>) </div>
            </div>
        </div>

        <div id="viewport-container">
            <canvas id="viewport1"></canvas>
            <div id="sign">
                <span>Invoker Grandmaster - by Lian1998</span> <br />
                <a href="https://gitee.com/lian_1998/invoker-grandmaster">https://gitee.com/lian_1998/invoker-grandmaster</a>
            </div>
        </div>

        <div class="invoker-abilities">
            <div class="invoker-ability" id="a1"></div>
            <div class="invoker-ability" id="a2"></div>
            <div class="invoker-ability" id="a3"></div>
            <div class="invoker-ability" id="a4"></div>
            <div class="invoker-ability" id="a5"></div>
            <div class="invoker-ability" id="a6"></div>
        </div>

        <div class="target-abilities">
            <div class="invoker-ability" id="t1"></div>
            <div class="invoker-ability" id="t2"></div>
            <div class="invoker-ability" id="t3"></div>
            <div class="invoker-ability" id="t4"></div>
            <div class="invoker-ability" id="t5"></div>
        </div>

        <img id="invoker-abilities-guide-button" src="/guide.svg" />

        <div id="invoker-abilities-guide">
            <!-- <div class="invoker-ability"></div> -->
            <!-- <div class="invoker-ability"></div> -->
            <!-- <div class="invoker-ability"></div> -->
            <!-- <div class="invoker-ability"></div> -->
        </div>

        <script type="module">
            import "@src/main.ts";
        </script>
    </body>
</html>
